<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="./js/vue.js" ></script>
</head>
<body>
    
    <div id="app">
        <div >{{msg}}</div>
        <div v-text='msg'>v-text没有闪动问题</div>
        <div v-html='msg1'>
            v-html有安全问题,容易导致XSS攻击
            本网站内部数据可以使用,来自第三方的数据不可用
        </div>
        <div v-pre >
            {{显示原始信息,跳过编译过程}}
            {{msg}}
        </div>
    </div>

    <script type="text/javascript">
        
       var vm = new Vue({
           el:'#app',
           data:{
               msg:"Hello World",
               msg1:"<h1>HTML</h1>"
           }
       })      

    </script>
</body>
</html>


       